import React, { Component } from "react";

class Footer extends Component {
  render() {
    return (
        <footer>
        <div className="footer-menus">
          <div className="contact-us">
            <p className="menu-title">联系我们</p>
            <p>地址：中国福建省福州市闽侯县闽江学院</p>
            <p>电话：13645063478</p>
            <p>传真：13645063478</p>
            <p>电子邮箱：929682749@qq.com</p>
          </div>
          <div className="service-menu footer-menu">
            <p className="menu-title">服务概览</p>
            <ul className="menu-items">
              <li><a href="./index.html">宠物寄养</a></li>
              <li><a href="./index.html">宠物领养</a></li>
              <li><a href="./index.html">宠物造型</a></li>
              <li><a href="./index.html">疫苗接种</a></li>
            </ul>
          </div>
          <div className="service-menu footer-menu">
            <p className="menu-title">宠物展示</p>
            <ul className="menu-items">
              <li><a href="./index.html">桌面网站</a></li>
              <li><a href="./index.html">移动网站</a></li>
              <li><a href="./index.html">领养项目</a></li>
              <li><a href="./index.html">软件App</a></li>
            </ul>
          </div>
          <div className="service-menu footer-menu">
            <p className="menu-title">公司动态</p>
            <ul className="menu-items">
              <li><a href="./index.html">信息公开</a></li>
              <li><a href="./index.html">最近新闻</a></li>
              <li><a href="https://blog.cloudhao.top" target="_blank" rel="noopener noreferrer">最新博客</a></li>
            </ul>
          </div>
          <div className="service-menu footer-menu">
            <p className="menu-title">帮助与支持</p>
            <ul className="menu-items">
              <li><a href="./index.html">帮助中心</a></li>
              <li><a href="./index.html">联系客服</a></li>
              <li><a href="./index.html">文档资源</a></li>
            </ul>
          </div>
          <p className="icp-info">闽ICP备18027236号</p>
          <p className="rights">
            &copy; 2020 猪猪の宠物世界 版权所有
          </p>
          <div className="scrollToTop">
            <a href="#app"><i className="fas fa-chevron-up"></i></a>
          </div>
        </div>
      </footer>
    );
  }
}

export default Footer;
